.sp {
	
	&- {
		
		// 个人中心
		&member {
			
			&__ {
				
				// 首页
				&index {
					
					.sp-navigation__menu {
						image {
							.square(36);
							margin-right: 18rpx;
						}
					}
					
					&- {
						
						&back {
							.flex();
							width: 100%;
							height: 472rpx;
							padding: 0 30rpx 0;
							.boxing();
							background: linear-gradient(180deg, #E1F3FD 0%, rgba(225,243,253,0) 100%);
						}
						
						&info {
							.flex();
							margin-top: -80rpx;
							flex: 1;
							background: url('@{cdn}member/arrow.png') right no-repeat;
							background-size: 32rpx;
							
							image {
								display: block;
								.square(110);
								margin-right: 30rpx;
							}
							
							text {
								.font(40, 60, #222, left);
								font-weight: bold;
							}
						}
						
						&tabs {
							position: relative;
							.flex();
							justify-content: center;
							.size(702, 208);
							.back-color(#fff);
							margin: -146rpx auto 24rpx;
							
							&:after {
								content: '';
								.p-center();
								.size(2, 68);
								.back-color(#f4f4f4);
							}
							
							&-item {
								flex: 1;
								
								image,
								text {
									display: block;
								}

								image {
									.square(60);
									margin: 0 auto 16rpx;
								}
								
								text {
									.font(32, 46, #666);
								}
							}
						}
					}
				}
				
				// 个人资料
				&info {
					
					.sp-cell__item {
						height: 110rpx;
						.boxing();
						padding: 34rpx 0;
					}
					
					&- {
						
						&avatar {
							.square(110);
							margin-right: 50rpx;
						}
					}
				}
				
				// 性别设置弹窗
				&sex {
					position: relative;
					padding-bottom: 100rpx;
					
					&- {
						
						&title {
							.font(32, 118, #222);
						}
						
						&close {
							position: absolute;
							top: 42rpx;
							right: 42rpx;
							.square(34);
							filter: grayscale(1);
							background: url('@{cdn}sms/close.png') center no-repeat;
							background-size: cover;
						}
						
						&item {
							.size(678, 104);
							margin: 0 auto;
							.font(32, 104, #222, left);
							background: url('@{cdn}sms/check.png') center right no-repeat;
							background-size: 36rpx;
							
							&.active {
								background: url('@{cdn}sms/checked.png') center right no-repeat;
								background-size: 36rpx;
							}
						}
					}
				}
				
				// 帮助与设置
				&setting {
					
					&- {
						
						&logout ,
						&version {
							text-align: center;
						}
						
						&version {
							height: 80rpx;
							.font(28, 80, #666);
						}
						
						&group {
							margin-bottom: 20rpx;
							padding: 0 24rpx;
							.back-color(#fff);
						}
						
						&link {
							.f-center-space();
							.font(32, 114, #222, left);
							padding-right: 32rpx;
							background: url('@{cdn}member/arrow.png') right no-repeat;
							background-size: 26rpx;
							
							&:not(:first-child) {
								border-top: 1rpx solid #eee;
							}
							
							image {
								display: block;
								.square(29);
							}
						}
						
						&logout {
							padding: 150rpx 0 100rpx;
							.font(32, 45, #FF5F5F);
						}
					}
				}
				
				// 分享
				&share {
					
					&- {
						
						&qrcode {
							padding: 187rpx 0 50rpx;
							
							image {
								display: block;
								.square(320);
								margin: 0 auto;
							}
						}
						
						&desc {
							.font(30, 42, #222);
							margin-bottom: 50rpx;
						}
						
						&tips {
							position: relative;
							.size(564, 42);
							margin: 0 auto;
							.font(24, 42, #BBB);
							
							&:after,
							&:before {
								content: '';
								position: absolute;
								top: 50%;
								.size(236, 1);
								.back-color(#eee);
							}
							
							&:after {
								left: 0;
							}
							
							&:before {
								right: 0;
							}
						}
					}
				}
				
				// 修改昵称
				&nickname {
					padding: 0 30rpx;
					
					label,
					input {
						display: block;
					}
					
					label {
						margin: 24rpx 0 20rpx;
						.font(32, 46, #222, left);
					}
					
					input {
						.radius(20);
						border: 0;
						outline: 0;
						height: 102rpx;
						.font(30, 102, #222, left);
						padding: 0 30rpx;
						.back-color(#fff);
					}
				}
				
				// 投诉与建议
				&feedback {
					padding: 24rpx 24rpx 0;
					
					input,
					textarea {
						width: 100%;
						.back-color(#fff);
						padding: 30rpx;
						border: 0;
						outline: none;
						.boxing();
						.font(26, 38, #222, left);
					}
					
					textarea {
						height: 188rpx;
						margin-bottom: 24rpx;
					}
					
					input {
						height: 85rpx;
					}
				}
				
				// 关于我们
				&about {
					padding: 55rpx 0 61rpx;
					margin-bottom: 20rpx;
					.back-color(#fff);
					
					image,
					text {
						display: block;
					}
					
					image {
						.square(156);
						margin: 0 auto 13rpx;
					}
					
					text {
						.font(32, 46, #222);
					}
				}
				
				// 帮助与使用
				&help {
					.back-color(#fff);
					
					.u-cell__title-text {
						font-size: 28rpx;
						color: #222;
						line-height: 40rpx;
					}
					
					&- {
						
						&title {
							.font(30, 90, #222, left);
							.back-color(#F9FAFB);
							padding: 0 24rpx;
						}
					}
				}
				
				// 解除授权
				&service {
					padding: 24rpx 24rpx 120rpx;
					.boxing();
					
					&- {
						
						&content {
							.font(30, 50, #666, left);
							margin-bottom: 50rpx;
						}
						
						&footer {
							position: fixed;
							left: 0;
							bottom: 0;
							width: 100%;
							height: 120rpx;
							.font(34, 120, #FF5F5F);
							.back-color(#fff);
						}
					}
				}
				
				&submit {
					padding: 100rpx 70rpx 0;
				}
				
				// 支付
				&pay {
					
					.sp-report__pay {
						
						&- {
							
							&head {
								position: relative;
								.f-center-space();
								height: 44rpx;
								padding: 0 0 0 8rpx;
								background: url('@{cdn}team/arrow-gray.png') right center no-repeat;
								background-size: 26rpx;
								
								&:after {
									content: '';
									position: absolute;
									top: 10rpx;
									left: -24rpx;
									width: 8rpx;
									height: 32rpx;
									border-radius: 3rpx;
								}
								
								label {
									font-size: 32rpx;
									line-height: 44rpx;
								}
								
								text {
									display: block;
									padding-right: 30rpx;
									.font(28, 44, #FF5F5F, left);
									margin-top: 0;
								}
							}
							
							&status1 {
								
								&:after {
									background: linear-gradient(180deg, #FF811E 0%, rgba(255,129,30,0) 100%);
								}
								
								label {
									color: #FF811E;
								}
							}
							
							&status2 {
								
								&:after {
									background: linear-gradient(180deg, #40BF5F 0%, rgba(64,191,95,0) 100%);
									// background: linear-gradient(180deg, #FF811E 0%, rgba(255,129,30,0) 100%);
								}
								
								label {
									color: #40BF5F;
								}
							}
							
							&status3 {
								
								&:after {
									background: linear-gradient(180deg, #BBBBBB 0%, rgba(187,187,187,0) 100%);
									// background: linear-gradient(180deg, #FF811E 0%, rgba(255,129,30,0) 100%);
								}
								
								label {
									color: #BBBBBB;
								}
							}
							
							&item {
								height: auto;
							}
							
							&his {
								margin-top: 16rpx;
								.font(28, 40, #FF5F5F, left);
								padding: 0 0 0 36rpx;
								background: url('@{cdn}common/error.png') left center no-repeat;
								background-size: 26rpx;
							}
							
							&foot {
								.flex();
								justify-content: flex-end;
								margin-top: 16rpx;
								
								.sp-button {
									.size(110, 50);
									.font(26, 50, #fff);
									.radius(10rpx);
								}
							}
						}
					}
				}
			}
		}
		
		// 叫号
		&team {
			padding-bottom: 170rpx;
			.boxing();
			
			&__ {
				
				&patient {
					height: 80rpx;
					.back-color(#fff);
					.f-center-space();
					padding: 0 24rpx;
					box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.06);
					// margin-bottom: 36rpx;
					
					&- {
						
						&info {
							.flex();
							flex: 1;
							
							label {
								.font(28, 40, #666);
							}
						}
						
						&name {
							padding: 0 12rpx;
							.font(28, 40, #222);
						}
						
						&type {
							.size(60, 34);
							.font(20, 34, #6582F9);
							background: #EFF5FF;
							border-radius: 6px;
						}
						
						&change {
							.font(26, 36, #bbb);
							padding-right: 24rpx;
							background: url('@{cdn}team/arrow-gray.png') right center no-repeat;
							background-size: 20rpx;
						}
					}
				}
				
				&boxes {
					height: 630rpx;
					padding-top: 36rpx;
					.back-color(#fff);
					
					&- {
						
						&top {
							.size(658, 64);
							margin: 0 auto;
							background: url('@{cdn}team/boxes.png') center no-repeat;
							background-size: cover;
						}
						
						&main {
							.size(610, 480);
							.back-color(#fff);
							box-shadow: 0px 0px 26rpx 0px rgba(0,0,0,0.06);
							border-radius: 0px 0px 40rpx 40rpx;
							margin: 0 auto;
							padding: 0 24rpx;
							.boxing();
						}
						
						&title {
							display: flex;
							align-items: flex-start;
							justify-content: center;
							height: 174rpx;
							padding-top: 34rpx;
							.boxing();
							border-bottom: 1rpx dashed #6582F9;
							
							image,
							text {
								display: block;
							}
							
							image {
								.size(54, 54);
							}
							
							text {
								margin-left: 10rpx;
								.font(50, 54, #FF811E);
							}
						}
						
						&type,
						&item {
							.flex();
						}
						
						&type {
							margin-top: 40rpx;
							padding-bottom: 10rpx;
							
							label {
								.font(32, 46, #222);
							}
						}
						
						&item {
							margin-top: 10rpx;
							
							label,
							text {
								display: block;
							}
							
							label {
								width: 170rpx;
								.font(30, 46, #666, left);
							}
						}
						
						&input {
							.font(30, 46, #222, left);
							margin-right: 14rpx;
						}
						
						&tags {
							display: block;
							.size(88, 46);
							.back-color(rgba(255, 129, 30, .1));
							.font(26, 46, #FF811E);
							.radius(10);
						}
						&info{
							line-height:66rpx;
						}
					}
				}
				
				&title {
					position: relative;
					height: 94rpx;
					
					&:after,
					&:before {
						content: '';
						position: absolute;
						top: 47rpx;
						.size(120, 1);
						.back-color(#ddd);
					}
					
					&:after {
						left: 167rpx;
					}
					
					&:before {
						right: 167rpx;
					}
					
					text {
						display: block;
						.font(32, 94, #222);
					}
				}
				
				&list {
					//.size(702, 532);
					//.back-color(#fff);
					.radius(20);
					padding: 24rpx;
					.boxing();
					margin: 0 auto;
					
					&- {
						
						&current {
							.f-center-space();
							//.size(654, 88);
							height:88rpx;
							.back-color(#F8F8FF);
							.radius(10);
							padding: 0 24rpx;
							.boxing();
							
							label {
								.font(32, 46, #222);
							}
							
							text {
								.font(32, 46, #FF811E);
							}
						}
						
						&item {
							.f-center-space();
							padding: 24rpx;
							.boxing();
							.back-color(#fff);
							.radius(10);
							margin-top: 24rpx;
							
							& > view {
								.flex();
								.sp-team__list-nums {
									margin-left: 13rpx;
								}
							}
						}
					}
				}
				
				&footer {
					position: fixed;
					left: 0;
					bottom: 0;
					width: 100%;
					// height: 120rpx;
					background: #FFFFFF;
					box-shadow: 0 0 26rpx 0 rgba(0,0,0,0.06);
					padding: 20rpx 70rpx;
					.boxing();
				}
			}
		}
	}
}